import { ImageUrl, downLoadFile } from '@/utils';
import { getLocale, useIntl } from '@umijs/max';
import { Avatar, Button, Descriptions, Image } from 'antd';
import { DescriptionsItemType } from 'antd/es/descriptions';
import dayjs from 'dayjs';
import { useEffect, useState } from 'react';
import ButtonGroup from '../ButtonGroup/ButtonGroup';
import FormattedMessageCustom from '../FormattedMessageCustom/FormattedMessageCustom';
import { items } from './item';

interface IParams {
    type: number;
    releaseType: string;
    info: any;
    showBtn?: string;
}

const ShowDetail = ({ type, releaseType, info, showBtn }: IParams) => {
    const lang = getLocale();
    const intl = useIntl();
    const [keyItems, setkeyItems] = useState<Array<object>>();
    const [carditems, setcarditems] = useState<Array<DescriptionsItemType>>();
    function getOrderJoin() {
        let tempKeyItems;
        if (info.type === 'goods') {
            setkeyItems(items.order_join);
            return false;
        } else if (info.type === 'crossborder') {
            tempKeyItems = [
                {
                    label: '用户名',
                    key: 'join_user',
                    key_ru: 'username_ru',
                    key_item: 'username',
                    type: 'array',
                },
                {
                    label: '头像',
                    key: 'join_user',
                    key_ru: 'avatar',
                    key_item: 'avatar',
                    type: 'user_avatar',
                },
                {
                    label: '标签',
                    key: 'join_user',
                    key_ru: 'label',
                    key_item: 'label',
                    type: 'user_labels',
                },
                {
                    label: '评分',
                    key: 'join_user',
                    key_ru: 'rating',
                    key_item: 'rating',
                    type: 'array',
                },
                {
                    label: '综合排名',
                    key: 'num_ranking',
                    key_ru: 'num_ranking_ru',
                    key_item: '',
                    type: 'text',
                },
                {
                    label: '价格排名',
                    key: 'price_ranking',
                    key_ru: 'price_ranking_ru',
                    key_item: '',
                    type: 'text',
                },
                {
                    label: '速度排名',
                    key: 'speed_ranking',
                    key_ru: 'speed_ranking_ru',
                    key_item: '',
                    type: 'text',
                },
                {
                    label: '费用总价',
                    key: 'price',
                    key_ru: 'price',
                    key_item: '',
                    type: 'montage',
                    montage: 'price_unit',
                },
                {
                    label: '时效',
                    key: 'speed',
                    key_ru: 'speed',
                    key_item: '',
                    type: 'montage',
                    montage: 'speed_unit',
                },
                {
                    label: '发货时间',
                    key: 'send_time',
                    key_ru: 'send_time',
                    key_item: '',
                    type: 'date',
                },
                {
                    label: '送达时间',
                    key: 'reach_time',
                    key_ru: 'reach_time',
                    key_item: '',
                    type: 'date',
                },
                {
                    label: '保证金金额',
                    key: 'margin_price',
                    key_ru: 'margin_price',
                    key_item: '',
                    type: 'text',
                },
                {
                    label: '是否缴纳保证金',
                    key: 'pay_margin',
                    key_ru: 'pay_margin',
                    key_item: '',
                    type: 'map',
                    map: {
                        '0': '未缴纳',
                        '1': '已缴纳',
                    },
                },
                {
                    label: '详情',
                    key: 'con',
                    key_ru: 'con_ru',
                    key_item: '',
                    type: 'text-warp',
                },
                {
                    label: '图片',
                    key: 'images',
                    key_ru: 'images',
                    key_item: '',
                    type: 'images',
                },
                {
                    label: '文件',
                    key: 'files',
                    key_ru: 'files',
                    key_item: '',
                    type: 'files',
                },
                {
                    label: '视频',
                    key: 'videos',
                    key_ru: 'videos',
                    key_item: '',
                    type: 'videos',
                },
            ];
            setkeyItems(tempKeyItems);
            return false;
        } else if (info.type === 'professional') {
            tempKeyItems = [
                {
                    label: '用户名',
                    key: 'join_user',
                    key_ru: 'username_ru',
                    key_item: 'username',
                    type: 'array',
                },
                {
                    label: '头像',
                    key: 'join_user',
                    key_ru: 'avatar',
                    key_item: 'avatar',
                    type: 'user_avatar',
                },
                {
                    label: '标签',
                    key: 'join_user',
                    key_ru: 'label',
                    key_item: 'label',
                    type: 'user_labels',
                },
                {
                    label: '评分',
                    key: 'join_user',
                    key_ru: 'rating',
                    key_item: 'rating',
                    type: 'array',
                },
                {
                    label: '综合排名',
                    key: 'num_ranking',
                    key_ru: 'num_ranking_ru',
                    key_item: '',
                    type: 'text',
                },
                {
                    label: '价格排名',
                    key: 'price_ranking',
                    key_ru: 'price_ranking_ru',
                    key_item: '',
                    type: 'text',
                },
                {
                    label: '速度排名',
                    key: 'speed_ranking',
                    key_ru: 'speed_ranking_ru',
                    key_item: '',
                    type: 'text',
                },
                {
                    label: '服务内容',
                    key: 'product',
                    key_ru: 'product_ru',
                    key_item: '',
                    type: 'text',
                },
                {
                    label: '服务报价',
                    key: 'price',
                    key_ru: 'price',
                    key_item: '',
                    type: 'montage',
                    montage: 'price_unit',
                },
                {
                    label: '数量',
                    key: 'num',
                    key_ru: 'num',
                    key_item: '',
                    type: 'text',
                },
                {
                    label: '服务时长',
                    key: 'speed',
                    key_ru: 'speed',
                    key_item: '',
                    type: 'montage',
                    montage: 'speed_unit',
                },
                {
                    label: '保证金金额',
                    key: 'margin_price',
                    key_ru: 'margin_price',
                    key_item: '',
                    type: 'text',
                },
                {
                    label: '是否缴纳保证金',
                    key: 'pay_margin',
                    key_ru: 'pay_margin',
                    key_item: '',
                    type: 'map',
                    map: {
                        '0': '未缴纳',
                        '1': '已缴纳',
                    },
                },
                {
                    label: '详情',
                    key: 'con',
                    key_ru: 'con_ru',
                    key_item: '',
                    type: 'text-warp',
                },
                {
                    label: '图片',
                    key: 'images',
                    key_ru: 'images',
                    key_item: '',
                    type: 'images',
                },
                {
                    label: '文件',
                    key: 'files',
                    key_ru: 'files',
                    key_item: '',
                    type: 'files',
                },
                {
                    label: '视频',
                    key: 'videos',
                    key_ru: 'videos',
                    key_item: '',
                    type: 'videos',
                },
            ];

            setkeyItems(tempKeyItems);
            return false;
        } else if (info.type === 'transport') {
            if (info.release_info.release_type === '1') {
                tempKeyItems = [
                    {
                        label: '用户名',
                        key: 'join_user',
                        key_ru: 'username_ru',
                        key_item: 'username',
                        type: 'array',
                    },
                    {
                        label: '头像',
                        key: 'join_user',
                        key_ru: 'avatar',
                        key_item: 'avatar',
                        type: 'user_avatar',
                    },
                    {
                        label: '标签',
                        key: 'join_user',
                        key_ru: 'label',
                        key_item: 'label',
                        type: 'user_labels',
                    },
                    {
                        label: '评分',
                        key: 'join_user',
                        key_ru: 'rating',
                        key_item: 'rating',
                        type: 'array',
                    },
                    {
                        label: '综合排名',
                        key: 'num_ranking',
                        key_ru: 'num_ranking_ru',
                        key_item: '',
                        type: 'text',
                    },
                    {
                        label: '价格排名',
                        key: 'price_ranking',
                        key_ru: 'price_ranking_ru',
                        key_item: '',
                        type: 'text',
                    },
                    {
                        label: '速度排名',
                        key: 'speed_ranking',
                        key_ru: 'speed_ranking_ru',
                        key_item: '',
                        type: 'text',
                    },
                    {
                        label: '提供产品',
                        key: 'product',
                        key_ru: 'product_ru',
                        key_item: '',
                        type: 'text',
                    },
                    {
                        label: '重量',
                        key: 'product_weight',
                        key_ru: 'product_weight',
                        key_item: '',
                        type: 'text',
                    },
                    {
                        label: '体积',
                        key: 'product_volume',
                        key_ru: 'product_volume',
                        key_item: '',
                        type: 'text',
                    },
                    {
                        label: '整车运费',
                        key: 'price',
                        key_ru: 'price',
                        key_item: '',
                        type: 'montage',
                        montage: 'price_unit',
                    },
                    {
                        label: '数量',
                        key: 'num',
                        key_ru: 'num',
                        key_item: '',
                        type: 'text',
                    },
                    {
                        label: '速度',
                        key: 'speed',
                        key_ru: 'speed',
                        key_item: '',
                        type: 'montage',
                        montage: 'speed_unit',
                    },
                    {
                        label: '送装地址',
                        key: 'product_address',
                        key_ru: 'mergename_ru',
                        key_item: 'mergename',
                        type: 'array',
                    },
                    {
                        label: '发货时间',
                        key: 'send_time',
                        key_ru: 'send_time',
                        key_item: '',
                        type: 'date',
                    },
                    {
                        label: '送达时间',
                        key: 'reach_time',
                        key_ru: 'reach_time',
                        key_item: '',
                        type: 'date',
                    },
                    {
                        label: '保证金金额',
                        key: 'margin_price',
                        key_ru: 'margin_price',
                        key_item: '',
                        type: 'text',
                    },
                    {
                        label: '是否缴纳保证金',
                        key: 'pay_margin',
                        key_ru: 'pay_margin',
                        key_item: '',
                        type: 'map',
                        map: {
                            '0': '未缴纳',
                            '1': '已缴纳',
                        },
                    },
                    {
                        label: '详情',
                        key: 'con',
                        key_ru: 'con_ru',
                        key_item: '',
                        type: 'text-warp',
                    },
                    {
                        label: '图片',
                        key: 'images',
                        key_ru: 'images',
                        key_item: '',
                        type: 'images',
                    },
                    {
                        label: '文件',
                        key: 'files',
                        key_ru: 'files',
                        key_item: '',
                        type: 'files',
                    },
                    {
                        label: '视频',
                        key: 'videos',
                        key_ru: 'videos',
                        key_item: '',
                        type: 'videos',
                    },
                ];
                setkeyItems(tempKeyItems);
            } else if (info.release_info.release_type === '2') {
                tempKeyItems = [
                    {
                        label: '用户名',
                        key: 'join_user',
                        key_ru: 'username_ru',
                        key_item: 'username',
                        type: 'array',
                    },
                    {
                        label: '头像',
                        key: 'join_user',
                        key_ru: 'avatar',
                        key_item: 'avatar',
                        type: 'user_avatar',
                    },
                    {
                        label: '标签',
                        key: 'join_user',
                        key_ru: 'label',
                        key_item: 'label',
                        type: 'user_labels',
                    },
                    {
                        label: '评分',
                        key: 'join_user',
                        key_ru: 'rating',
                        key_item: 'rating',
                        type: 'array',
                    },
                    {
                        label: '综合排名',
                        key: 'num_ranking',
                        key_ru: 'num_ranking_ru',
                        key_item: '',
                        type: 'text',
                    },
                    {
                        label: '价格排名',
                        key: 'price_ranking',
                        key_ru: 'price_ranking_ru',
                        key_item: '',
                        type: 'text',
                    },
                    {
                        label: '速度排名',
                        key: 'speed_ranking',
                        key_ru: 'speed_ranking_ru',
                        key_item: '',
                        type: 'text',
                    },
                    {
                        label: '车型',
                        key: 'car_category_id_text',
                        key_ru: 'car_category_id_text_ru',
                        key_item: '',
                        type: 'text',
                    },
                    {
                        label: '体积',
                        key: 'product_volume',
                        key_ru: 'product_volume',
                        key_item: '',
                        type: 'text',
                    },
                    {
                        label: '运费总价',
                        key: 'price',
                        key_ru: 'price',
                        key_item: '',
                        type: 'montage',
                        montage: 'price_unit',
                    },
                    {
                        label: '重量',
                        key: 'product_weight',
                        key_ru: 'product_weight',
                        key_item: '',
                        type: 'text',
                    },
                    {
                        label: '速度',
                        key: 'speed',
                        key_ru: 'speed',
                        key_item: '',
                        type: 'text',
                    },
                    {
                        label: '装货时间',
                        key: 'send_time',
                        key_ru: 'send_time',
                        key_item: '',
                        type: 'date',
                    },
                    {
                        label: '送达时间',
                        key: 'reach_time',
                        key_ru: 'reach_time',
                        key_item: '',
                        type: 'date',
                    },
                    {
                        label: '保证金金额',
                        key: 'margin_price',
                        key_ru: 'margin_price',
                        key_item: '',
                        type: 'text',
                    },
                    {
                        label: '是否缴纳保证金',
                        key: 'pay_margin',
                        key_ru: 'pay_margin',
                        key_item: '',
                        type: 'map',
                        map: {
                            '0': '未缴纳',
                            '1': '已缴纳',
                        },
                    },
                    {
                        label: '详情',
                        key: 'con',
                        key_ru: 'con_ru',
                        key_item: '',
                        type: 'text-warp',
                    },
                    {
                        label: '图片',
                        key: 'images',
                        key_ru: 'images',
                        key_item: '',
                        type: 'images',
                    },
                    {
                        label: '文件',
                        key: 'files',
                        key_ru: 'files',
                        key_item: '',
                        type: 'files',
                    },
                    {
                        label: '视频',
                        key: 'videos',
                        key_ru: 'videos',
                        key_item: '',
                        type: 'videos',
                    },
                ];
                setkeyItems(tempKeyItems);
            } else {
                if (info.release_info.human_type === '1') {
                    tempKeyItems = [
                        {
                            label: '用户名',
                            key: 'join_user',
                            key_ru: 'username_ru',
                            key_item: 'username',
                            type: 'array',
                        },
                        {
                            label: '头像',
                            key: 'join_user',
                            key_ru: 'avatar',
                            key_item: 'avatar',
                            type: 'user_avatar',
                        },
                        {
                            label: '标签',
                            key: 'join_user',
                            key_ru: 'label',
                            key_item: 'label',
                            type: 'user_labels',
                        },
                        {
                            label: '评分',
                            key: 'join_user',
                            key_ru: 'rating',
                            key_item: 'rating',
                            type: 'array',
                        },
                        {
                            label: '综合排名',
                            key: 'num_ranking',
                            key_ru: 'num_ranking_ru',
                            key_item: '',
                            type: 'text',
                        },
                        {
                            label: '价格排名',
                            key: 'price_ranking',
                            key_ru: 'price_ranking_ru',
                            key_item: '',
                            type: 'text',
                        },
                        {
                            label: '速度排名',
                            key: 'speed_ranking',
                            key_ru: 'speed_ranking_ru',
                            key_item: '',
                            type: 'text',
                        },
                        {
                            label: '提供产品',
                            key: 'product',
                            key_ru: 'product_ru',
                            key_item: '',
                            type: 'text',
                        },
                        {
                            label: '运费',
                            key: 'price',
                            key_ru: 'price',
                            key_item: '',
                            type: 'montage',
                            montage: 'price_unit',
                        },
                        {
                            label: '重量',
                            key: 'product_weight',
                            key_ru: 'product_weight',
                            key_item: '',
                            type: 'text',
                        },
                        {
                            label: '速度',
                            key: 'speed',
                            key_ru: 'speed',
                            key_item: '',
                            type: 'text',
                        },
                        {
                            label: '装货时间',
                            key: 'send_time',
                            key_ru: 'send_time',
                            key_item: '',
                            type: 'date',
                        },
                        {
                            label: '送达时间',
                            key: 'reach_time',
                            key_ru: 'reach_time',
                            key_item: '',
                            type: 'date',
                        },
                        {
                            label: '保证金金额',
                            key: 'margin_price',
                            key_ru: 'margin_price',
                            key_item: '',
                            type: 'text',
                        },
                        {
                            label: '是否缴纳保证金',
                            key: 'pay_margin',
                            key_ru: 'pay_margin',
                            key_item: '',
                            type: 'map',
                            map: {
                                '0': '未缴纳',
                                '1': '已缴纳',
                            },
                        },
                        {
                            label: '详情',
                            key: 'con',
                            key_ru: 'con_ru',
                            key_item: '',
                            type: 'text-warp',
                        },
                        {
                            label: '图片',
                            key: 'images',
                            key_ru: 'images',
                            key_item: '',
                            type: 'images',
                        },
                        {
                            label: '文件',
                            key: 'files',
                            key_ru: 'files',
                            key_item: '',
                            type: 'files',
                        },
                        {
                            label: '视频',
                            key: 'videos',
                            key_ru: 'videos',
                            key_item: '',
                            type: 'videos',
                        },
                    ];
                    setkeyItems(tempKeyItems);
                } else {
                    tempKeyItems = [
                        {
                            label: '用户名',
                            key: 'join_user',
                            key_ru: 'username_ru',
                            key_item: 'username',
                            type: 'array',
                        },
                        {
                            label: '头像',
                            key: 'join_user',
                            key_ru: 'avatar',
                            key_item: 'avatar',
                            type: 'user_avatar',
                        },
                        {
                            label: '标签',
                            key: 'join_user',
                            key_ru: 'label',
                            key_item: 'label',
                            type: 'user_labels',
                        },
                        {
                            label: '评分',
                            key: 'join_user',
                            key_ru: 'rating',
                            key_item: 'rating',
                            type: 'array',
                        },
                        {
                            label: '综合排名',
                            key: 'num_ranking',
                            key_ru: 'num_ranking_ru',
                            key_item: '',
                            type: 'text',
                        },
                        {
                            label: '价格排名',
                            key: 'price_ranking',
                            key_ru: 'price_ranking_ru',
                            key_item: '',
                            type: 'text',
                        },
                        {
                            label: '速度排名',
                            key: 'speed_ranking',
                            key_ru: 'speed_ranking_ru',
                            key_item: '',
                            type: 'text',
                        },
                        {
                            label: '运费',
                            key: 'price',
                            key_ru: 'price',
                            key_item: '',
                            type: 'montage',
                            montage: 'price_unit',
                        },
                        {
                            label: '数量',
                            key: 'num',
                            key_ru: 'num',
                            key_item: '',
                            type: 'text',
                        },
                        {
                            label: '速度',
                            key: 'speed',
                            key_ru: 'speed',
                            key_item: '',
                            type: 'text',
                        },
                        {
                            label: '装货时间',
                            key: 'send_time',
                            key_ru: 'send_time',
                            key_item: '',
                            type: 'date',
                        },
                        {
                            label: '送达时间',
                            key: 'reach_time',
                            key_ru: 'reach_time',
                            key_item: '',
                            type: 'date',
                        },
                        {
                            label: '保证金金额',
                            key: 'margin_price',
                            key_ru: 'margin_price',
                            key_item: '',
                            type: 'text',
                        },
                        {
                            label: '是否缴纳保证金',
                            key: 'pay_margin',
                            key_ru: 'pay_margin',
                            key_item: '',
                            type: 'map',
                            map: {
                                '0': '未缴纳',
                                '1': '已缴纳',
                            },
                        },
                        {
                            label: '详情',
                            key: 'con',
                            key_ru: 'con_ru',
                            key_item: '',
                            type: 'text-warp',
                        },
                        {
                            label: '图片',
                            key: 'images',
                            key_ru: 'images',
                            key_item: '',
                            type: 'images',
                        },
                        {
                            label: '文件',
                            key: 'files',
                            key_ru: 'files',
                            key_item: '',
                            type: 'files',
                        },
                        {
                            label: '视频',
                            key: 'videos',
                            key_ru: 'videos',
                            key_item: '',
                            type: 'videos',
                        },
                    ];
                    setkeyItems(tempKeyItems);
                }
            }
            return false;
        }
    }
    useEffect(() => {
        if (!releaseType || !info) {
            return;
        }
        let tempInfo;
        switch (releaseType) {
            case 'goods':
                tempInfo = items.goods;
                if (info?.type === '1') {
                    // 推广
                    tempInfo.splice(6, 1);
                } else {
                    tempInfo.splice(5, 1);
                }
                setkeyItems(tempInfo);
                break;
            case 'transport':
                if (info.release_type === '1') {
                    // 有车求货
                    tempInfo = [...items.transport['1']];
                } else if (info.release_type === '2') {
                    // 有货求车
                    tempInfo = [...items.transport['2']];
                } else {
                    // 人力捎货
                    tempInfo = [...items.transport['3']];
                    if (info.human_type === '1') {
                        // 货源信息
                        tempInfo.splice(4, 1);
                        tempInfo.splice(8, 1);
                    } else {
                        // 我要带货
                        tempInfo.splice(3, 1);
                        tempInfo.splice(7, 1);
                        tempInfo.splice(16, 1);
                        tempInfo.splice(15, 1);
                    }
                }
                setkeyItems(tempInfo);
                break;
            case 'crossborder':
                tempInfo = [...items.crossborder];
                if (info.type === '1') {
                    tempInfo.splice(1, 1);
                    tempInfo.splice(1, 1);
                    tempInfo.splice(1, 1);
                    tempInfo.splice(1, 1);
                } else {
                    tempInfo.splice(0, 1);
                    tempInfo.splice(4, 1, {
                        label: '货物所在地',
                        key: 'companycitys',
                        key_ru: 'mergename_ru',
                        key_item: 'mergename',
                        type: 'array',
                    });
                }
                setkeyItems(tempInfo);
                break;
            case 'professional':
                setkeyItems(items.professional);
                break;
            case 'resource':
                setkeyItems(items.resource);
                break;
            case 'lifead':
                setkeyItems(items.lifead);
                break;
            case 'news':
                setkeyItems(items.news);
                break;
            case 'exposure':
                setkeyItems(items.exposure);
                break;
            case 'order_join':
                getOrderJoin();
                break;
        }
    }, [releaseType, info]);

    function CompEle(item: any) {
        return (
            <div>
                {item.type === 'text' && (
                    <>
                        {lang === 'zh-CN' ? (
                            <>
                                {[
                                    '载重量',
                                    '数量',
                                    '重量',
                                    '体积',
                                    '出价',
                                    '运费出价',
                                    '期望运费',
                                    '车型',
                                    '装货体积',
                                ].indexOf(item.label) !== -1 ? (
                                    <>
                                        {item.label === '重量' && (
                                            <>
                                                {info[item.key]}
                                                <FormattedMessageCustom id="kg"></FormattedMessageCustom>
                                            </>
                                        )}
                                        {item.label === '载重量' && (
                                            <>
                                                {info[item.key]}
                                                <FormattedMessageCustom id="kg"></FormattedMessageCustom>
                                            </>
                                        )}
                                        {item.label === '体积' && (
                                            <>{info[item.key]}m³</>
                                        )}
                                        {item.label === '装货体积' && (
                                            <>{info[item.key]}m³</>
                                        )}
                                        {item.label === '数量' && (
                                            <>
                                                {info[item.key]}
                                                <FormattedMessageCustom
                                                    id={info.number_unit}
                                                ></FormattedMessageCustom>
                                            </>
                                        )}
                                        {(item.label === '出价' ||
                                            item.label === '运费出价' ||
                                            item.label === '期望运费') && (
                                            <>
                                                {releaseType === 'transport' &&
                                                info.release_type === '3' ? (
                                                    <>
                                                        {info[item.key] || ''}
                                                        <FormattedMessageCustom
                                                            id={info.price_unit}
                                                        ></FormattedMessageCustom>
                                                        /kg
                                                    </>
                                                ) : (
                                                    <>
                                                        {info[item.key] || ''}
                                                        <FormattedMessageCustom
                                                            id={info.price_unit}
                                                        ></FormattedMessageCustom>
                                                    </>
                                                )}
                                            </>
                                        )}
                                    </>
                                ) : (
                                    <>
                                        <FormattedMessageCustom
                                            id={info[item.key]}
                                        ></FormattedMessageCustom>
                                    </>
                                )}
                            </>
                        ) : (
                            <>
                                {[
                                    '载重量',
                                    '数量',
                                    '重量',
                                    '体积',
                                    '出价',
                                    '运费出价',
                                    '期望运费',
                                    '车型',
                                    '装货体积',
                                ].indexOf(item.label) !== -1 ? (
                                    <>
                                        {item.label === '重量' && (
                                            <>
                                                {info[item.key_ru]}
                                                <FormattedMessageCustom id="kg"></FormattedMessageCustom>
                                            </>
                                        )}
                                        {item.label === '载重量' && (
                                            <>
                                                {info[item.key_ru]}
                                                <FormattedMessageCustom id="kg"></FormattedMessageCustom>
                                            </>
                                        )}
                                        {item.label === '体积' && (
                                            <>{info[item.key_ru]}m³</>
                                        )}
                                        {item.label === '装货体积' && (
                                            <>{info[item.key_ru]}m³</>
                                        )}
                                        {item.label === '数量' && (
                                            <>
                                                {info[item.key_ru]}
                                                <FormattedMessageCustom
                                                    id={info.number_unit}
                                                ></FormattedMessageCustom>
                                            </>
                                        )}
                                        {(item.label === '出价' ||
                                            item.label === '运费出价' ||
                                            item.label === '期望运费') && (
                                            <>
                                                {releaseType === 'transport' &&
                                                info.release_type === '3' ? (
                                                    <>
                                                        {info[item.key] || ''}
                                                        <FormattedMessageCustom
                                                            id={info.price_unit}
                                                        ></FormattedMessageCustom>
                                                        /kg
                                                    </>
                                                ) : (
                                                    <>
                                                        {info[item.key] || ''}
                                                        <FormattedMessageCustom
                                                            id={info.price_unit}
                                                        ></FormattedMessageCustom>
                                                    </>
                                                )}
                                            </>
                                        )}
                                    </>
                                ) : (
                                    <FormattedMessageCustom
                                        id={info[item.key_ru]}
                                    ></FormattedMessageCustom>
                                )}
                            </>
                        )}
                    </>
                )}
                {item.type === 'text-all' && (
                    <>
                        {lang === 'zh-CN' ? (
                            <FormattedMessageCustom
                                id={info[item.key]}
                            ></FormattedMessageCustom>
                        ) : (
                            <FormattedMessageCustom
                                id={info[item.key_ru]}
                            ></FormattedMessageCustom>
                        )}
                    </>
                )}
                {item.type === 'text-warp' && (
                    <>
                        {lang === 'zh-CN' ? (
                            <FormattedMessageCustom
                                id={info[item.key]}
                            ></FormattedMessageCustom>
                        ) : (
                            <FormattedMessageCustom
                                id={info[item.key_ru]}
                            ></FormattedMessageCustom>
                        )}
                    </>
                )}
                {item.type === 'montage' && (
                    <>
                        {lang === 'zh-CN' ? (
                            <>
                                {['期望价格'].indexOf(item.label) > -1 ? (
                                    <>
                                        {info[item.key]}
                                        <FormattedMessageCustom
                                            id={info[item.montage]}
                                        ></FormattedMessageCustom>
                                        / {info['number_unit']}
                                    </>
                                ) : (
                                    <>
                                        {info[item.key]}
                                        <FormattedMessageCustom
                                            id={info[item.montage]}
                                        ></FormattedMessageCustom>
                                    </>
                                )}
                            </>
                        ) : (
                            <>
                                {info[item.key_ru]}
                                <FormattedMessageCustom
                                    id={info[item.montage]}
                                ></FormattedMessageCustom>
                            </>
                        )}
                    </>
                )}
                {item.type === 'textArray' && (
                    <>
                        {info[item.key] &&
                            info[item.key].map((itemTextArray: string) => {
                                return (
                                    <FormattedMessageCustom
                                        key={itemTextArray}
                                        id={itemTextArray}
                                    ></FormattedMessageCustom>
                                );
                            })}
                    </>
                )}
                {item.type === 'time' && (
                    <>{dayjs(info[item.key]).format('YYYY-MM-DD HH:mm:ss')}</>
                )}
                {item.type === 'date' && (
                    <>{dayjs(info[item.key]).format('YYYY-MM-DD')}</>
                )}
                {item.type === 'array' && (
                    <>
                        {lang === 'zh-CN' ? (
                            <>
                                <FormattedMessageCustom
                                    id={info[item.key][item.key_item]}
                                ></FormattedMessageCustom>
                            </>
                        ) : (
                            <>
                                <FormattedMessageCustom
                                    id={info[item.key][item.key_ru]}
                                ></FormattedMessageCustom>
                            </>
                        )}
                    </>
                )}
                {/* &&
                    intl.formatMessage({ id: item.map[info[item.key]] }) !==
                        intl.formatMessage({ id: '否' })  */}
                {item.type === 'map' && (
                    <FormattedMessageCustom
                        id={item.map[info[item.key]]}
                    ></FormattedMessageCustom>
                )}
                {item.type === 'images' && (
                    <>
                        <Image.PreviewGroup>
                            {info[item.key].map((itemImage: string) => (
                                <Image
                                    key={itemImage}
                                    width={100}
                                    src={ImageUrl(itemImage) || ''}
                                />
                            ))}
                        </Image.PreviewGroup>
                    </>
                )}
                {/* 文件 */}
                {item.type === 'files' && (
                    <>
                        {info[item.key].map((itemFile: string) => (
                            <Button
                                type="link"
                                key={itemFile}
                                onClick={() => {
                                    downLoadFile(itemFile);
                                }}
                            >
                                {itemFile.substring(
                                    itemFile.length,
                                    itemFile.length - 20,
                                )}
                            </Button>
                        ))}
                    </>
                )}
                {/* 视频 */}
                {item.type === 'videos' && (
                    <>
                        {info[item.key].map((itemFile: string) => (
                            <video
                                src={ImageUrl(itemFile) || ''}
                                key={itemFile}
                                width={200}
                                controls
                                poster={
                                    ImageUrl(itemFile) +
                                    '?x-oss-process=video/snapshot,t_1000,f_jpg,w_640,h_360'
                                }
                            ></video>
                        ))}
                    </>
                )}
                {/* 单图 */}
                {item.type === 'image' && (
                    <>
                        <Image
                            width={100}
                            src={ImageUrl(info[item.key]) || ''}
                        />
                    </>
                )}
                {/* 头像 */}
                {item.type === 'avatar' && (
                    <>
                        <Avatar
                            src={
                                <img
                                    src={ImageUrl(info[item.key]) || ''}
                                    alt="avatar"
                                />
                            }
                        />
                    </>
                )}
                {/* 头像数组 */}
                {item.type === 'user_avatar' && (
                    <>
                        <Avatar
                            src={
                                <img
                                    src={
                                        ImageUrl(
                                            info[item.key][item.key_item],
                                        ) || ''
                                    }
                                    alt="avatar"
                                />
                            }
                        />
                    </>
                )}
                {/* 标签数组 */}
                {item.type === 'user_labels' && (
                    <>
                        <Avatar.Group>
                            {info[item.key][item.key_item].map(
                                (item_user_labels: any, index: number) => (
                                    <Avatar
                                        key={index}
                                        shape="square"
                                        src={
                                            <img
                                                src={
                                                    ImageUrl(
                                                        item_user_labels?.url,
                                                    ) || ''
                                                }
                                                alt="avatar"
                                            />
                                        }
                                    />
                                ),
                            )}
                        </Avatar.Group>
                    </>
                )}
                {/* 标签数组 */}
                {item.type === 'labels' && (
                    <>
                        <Avatar.Group>
                            {info[item.key].map(
                                (item_labels: any, index: number) => (
                                    <Avatar
                                        key={index}
                                        shape="square"
                                        src={
                                            <img
                                                src={
                                                    ImageUrl(
                                                        item_labels?.url,
                                                    ) || ''
                                                }
                                                alt="avatar"
                                            />
                                        }
                                    />
                                ),
                            )}
                        </Avatar.Group>
                    </>
                )}
            </div>
        );
    }
    useEffect(() => {
        if (keyItems && info && Object.keys(info).length > 0) {
            const tempItems = keyItems.map((item: any) => {
                return {
                    label: (
                        <>
                            <FormattedMessageCustom
                                id={item.label}
                            ></FormattedMessageCustom>
                        </>
                    ),
                    span:
                        ['text-warp', 'images', 'videos', 'files'].indexOf(
                            item.type,
                        ) > -1
                            ? 12
                            : 6,
                    children: CompEle(item),
                };
            });
            setcarditems(tempItems);
        }
    }, [info, keyItems]);
    return (
        <Descriptions
            bordered
            column={12}
            extra={
                releaseType !== 'resource' &&
                releaseType !== 'news' &&
                showBtn !== 'false' && (
                    <ButtonGroup
                        type={type}
                        toMobile={info?.user?.mobile}
                        releaseId={info?.id}
                        releaseType={releaseType}
                    ></ButtonGroup>
                )
            }
            title={
                type === 2 ? (
                    <FormattedMessageCustom id="竞标信息"></FormattedMessageCustom>
                ) : (
                    <FormattedMessageCustom id="推广信息"></FormattedMessageCustom>
                )
            }
            items={carditems}
        />
    );
};
export default ShowDetail;
